div#contenedor{
   background-color:white;
   width: 80%;
   height: 200%;
   margin: auto;
}
header{
background-color: gray;
width:100%;
height:10%;
color: yellow;
font-size: 25px;
}

div#ast{
color: red;
}
div#paso0{
background-color:white;
width : 100%;
height :20%;
margin: center;
color: black;
font-size: 15px;
}
div#paso1{
background-color:white;
width : 100%;
height :35%;
margin: center;
color: black;
font-size: 15px;
}

div#paso2{
background-color:white;
width : 100%;
height :25%;
margin: center;
color: black;
font-size: 15px;
}

div.left{
width : 50%;
float:left;
}
span{
color:red;
}
div.right{
width : 50%;
float:right;
}

@media screen and (min-width: 961px){
html, body{
	font-size: 100%;
	}
	input, textarea, select{
	width: 80%;
	font-size: 80%;
	}
	.btn{width: 25%;}
	.btn1{width: 25%;}
}

@media screen and (max-width: 960px){
html, body{
	font-size: 80%;
	}
	input, textarea, select{
	width: 80%;
	font-size: 95%;
	}
	.btn{width: 25%;}
	.btn1{width: 25%;}
}
@media screen and (max-width: 720px){
html, body{
	font-size: 80%;
	}
	input, textarea, select{
	width: 80%;
	font-size: 25%;
	}
	.btn{width: 25%;}
	.btn1{width: 25%;}
}

@media screen and (max-width: 650px){
html, body{
	font-size: 65%;
	}
	input, textarea, select{
	width: 80%;
	font-size: 65%;
	}
	.btn{width: 25%;}
	.btn1{width: 25%;}
}
